<template>
 <div class="comment_wrapper" ref="comment_wrapper">
     <h5 class="title">热门留言</h5>
     <div class="comment_list">
       <dl v-for="item in hotComments">
         <dt>
           <img :src="item.user.avatarUrl" alt="">
         </dt>
         <dd class="name">{{item.nickname}}</dd>
         <dd class="detail">{{item.content}}</dd>
       </dl>
     </div>
     <img src="https://i.loli.net/2020/03/23/dor23bhZtIvK17X.png" class="right_line">
 </div>
</template>

<script>
 export default {
   data () {
     return {

     }
   },
   props: {
     hotComments: {
       default: []
     }
   },
   components: {

   }
 }
</script>

<style>

 
</style>
